<template>
    <h3>事件修饰符</h3>
    <a @click.prevent="clicked" href="https://www.baidu.com/">百度</a>
    <div @click="clickeddiv">
        <p @click.stop="clickedp">测试冒泡</p>
    </div>
</template>
<script>
    export default{
        data(){
            return{

            }
        },
        methods:{
            clicked(e){
                // 阻止默认事件
                // e.preventDefault();
                console.log('点击了');
            },
            clickeddiv(){
                console.log(1);
                
            },
            clickedp(e){
                //阻止事件冒泡，就是不触发上层父属性的事件
                e.stopPropagation();
                console.log(2);
                
            }
        }
    }
</script>